{block name="title"}<title>话题</title>{/block}
{block name="top"}<link rel="stylesheet" href="__CSS__/dier.css"> {/block}
{extend	name="index"	/}
{block name="right"}
        <div class="mid">
            <div class="mid_top">
                <ul>
                    <li><a href="">OPPO社区</a></li>
                    <li><span>话题</span></li>
                </ul>
            </div>
            <div class="mid_left">
                <p><a href="">全部话题</a></p>
                {volist name="reslist" id="vo"}
                <ul>
                    <li class="left1"><a><img src="{$vo.image}" ></a></li>
                    <li class="left2">
                        <a href="{:Url("home/huati/huati")}?id={$vo.id}">{$vo.title}</a>
                    </li>
                    <li class="left3" >
                        <span><a>{$vo.account}</a></span>
                        {eq name="$vo.status" value="1"}
                            <div class="left3_1"><a onclick="concern('{$vo.id}',this)" class="concern">已关注</a></div>
                        {else/}
                            <div class="left3_1"><a onclick="concern('{$vo.id}',this)" class="concern">关注</a></div>
                        {/eq}
                    </li>
                    <li class="left4">
                        <a>阅读40.2万</a>
                        <a>讨论8.7万</a>
                    </li>
                </ul>
                {/volist}
                <!-- <ul>
                    <li class="left1"><a><img src="__IMG__/16.jpg" ></a></li>
                    <li class="left2">
                        <a href="">测试话题2</a>
                    </li>
                    <li class="left3" >
                        <span><a>测试话题2测试话题2测试话题2测试话题2测试话题2</a></span>
                        <div class="left3_1"><a href="">关注</a></div>
                    </li>
                    <li class="left4">
                        <a>阅读40.2万</a>
                        <a>讨论8.7万</a>
                    </li>
                </ul>
                <ul>
                    <li class="left1"><a><img src="__IMG__/17.jpg" ></a></li>
                    <li class="left2">
                        <a href="">测试话题3</a>
                    </li>
                    <li class="left3" >
                        <span><a>测试话题3测试话题3测试话题3测试话题3测试话题3</a></span>
                        <div class="left3_1"><a href="">关注</a></div>
                    </li>
                    <li class="left4">
                        <a>阅读40.2万</a>
                        <a>讨论8.7万</a>
                    </li>
                </ul>
                <ul>
                    <li class="left1"><a><img src="__IMG__/18.jpg" ></a></li>
                    <li class="left2">
                        <a href="">测试话题3</a>
                    </li>
                    <li class="left3" >
                        <span><a>测试话题3测试话题3测试话题3测试话题3测试话题3</a></span>
                        <div class="left3_1"><a href="">关注</a></div>
                    </li>
                    <li class="left4">
                        <a>阅读40.2万</a>
                        <a>讨论8.7万</a>
                    </li>
                </ul> -->
                <div class="leftend">
                    <a href=""><上一页</a>
                    <a href="">第一页</a>
                    <a href="">下一页></a>
                </div>
            </div>
            <div class="mid_right1">
                <img src="__IMG__/15.png">
                <a href="">发表帖子</a>
            </div>
            <div class="mid_right1">
                <img src="__IMG__/16.png">
                <a href="">签到</a>
                <p>签到3021人</p>
            </div>
            <div class="mid_right2">
                <p><a>热门标签</a></p>
                <span>
                    <ul>
                        <li><a href="">R11</a></li>
                        <li><a href="">R9s</a></li>
                        <li><a href="">R9</a></li>
                    </ul>
                </span>
            </div>
            <div class="mid_right5">
                <img src="__IMG__/22.png">
                <p>OPPO社区APP</p>
                <a href="">下载到电脑</a>
            </div>
            <div class="mid_right3">
                <span><a>关注我们</a></span>
                <div class="mid_right4">
                    <img src="__IMG__/17.png">
                    <a href=""><img src="__IMG__/20.png">官方微博</a>
                </div>
                <div class="mid_right4">
                    <img src="__IMG__/19.png">
                    <a href=""><img src="__IMG__/21.png">官方微信</a>
                    <p>扫一扫</p>
                </div>
            </div>
        </div>

        <div class="msg">
            
        </div>

        <script src="__JS__/jquery-3.2.1.min.js"></script>
       
        <script>
            function concern(obj,obj2){
                $.post('{:Url("home/dier/addConcern")}',{topic_id:obj},function(data){
                    if(data.code==0){
                        if(data.data==0){
                            $('.msg').text(data.msg).fadeIn('slow').fadeOut(3000)
                        }
                    }else{
                        if(data.data==3){
                            $(obj2).html('已关注')
                            $('.msg').text(data.msg).fadeIn('slow').fadeOut(3000)
                            $('.ask_screen_bg').fadeOut('slow')
                        }
                        if(data.data==4){
                            $(obj2).html('关注')
                            $('.msg').text(data.msg).fadeIn('slow').fadeOut(3000)
                            $('.ask_screen_bg').fadeOut('slow')
                        }
                    }
                    console.log(data)
                })
            }
        </script>
        {/block}
